.red{color:#ff0000}
.orange{color: #F6CB4C}
.orange-f90{color: #f90}
.pointer{cursor: pointer}
.padding10{padding: 10px}
/*页面头部*/
body{font-family:"microsoft yahei","Helvetica Neue", Helvetica, Arial, sans-serif;;background-color:#F0F3F5}
.head{color:#ffffff}
.head .top{background-color:#131B26;font-size:14px;line-height:28px} /*#0997DC，#1451AC，#025696，#0372C3*/
.head .row{margin:0 15px}
.head .row .col-xs-5,.head .row .col-xs-7,.head .row .col-sm-3,.head .row .col-sm-9,.head .row .col-md-3,.head .row .col-md-4,.head .row .col-md-6,.head .row .col-md-8,.head .row .col-md-9{padding: 0}
.head .top .row u{cursor: pointer}
.head .top ul{margin-bottom:0}
.head .top ul li{}
.head .top .dropdown{}
.head .top .dropdown:hover{background-color:#065DBE}
.head .top .dropdown .count-info{padding: 0 10px}
.head .top .dropdown .count-info .label {padding: 1px 5px;position: absolute;right:2px;top:4px;}
.head .top .dropdown .label-primary {background-color: #ff6600;}
.head .top a{color:#ffffff}
/*top导航*/
.head-nav{background-color:#0997DC;position: relative;padding:10px 0;height: 58px}
.head-nav .logo img{width:220px;height:38px}
.head-nav .lead{background-color:#fe8332;color:#ffffff;border-radius:3px;font-size:12px;padding:3px 6px;line-height:36px;display: none}
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}
.navbar-default{background-color:transparent}
.head-nav .row .row{margin:0}
.head-nav .navbar{height:30px;margin-bottom:0;border:none;z-index: 2000}
.head-nav .navbar-collapse{padding:0}
.head-nav .nav>li>a {padding:0 20px;color: #ffffff;border-radius:3px;line-height:32px}
.head-nav .navbar-default .navbar-nav>li>a {color: #ffffff;}
.navbar-nav>li:hover {background-color: #ff6600;border-radius: 3px}
.navbar-default .navbar-nav>li>a:hover{color: #ffffff}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #ffffff; background-color: #ff6600;}
.head-nav .tel{font-size:12px;position:absolute;top:18px;right:15px;color: #ffffff;display: none}

/*关注微信*/
.wx{display: inline-block;padding-left: 20px;position: relative;cursor: pointer}
.small-icon-wx {background-position: 0 0;}
.small-icon-wx:hover { background-position: 0 -20px;}
.small-icon {width:20px;height:20px;background-image: url(../images/small-icon.png);display: inline-block; margin: 0 5px;background-repeat: no-repeat; vertical-align: middle;-webkit-transition: background-position 0.3s ease 0;}
.nav-wxCode { width: 100px; height: 125px; position: absolute; top: 30px;  left:60px;  display:none; z-index: 20000;}
.wx:hover .nav-wxCode{display: block}

/*标记报警*/
.bj-alarm{position: absolute;top:1px;right: 310px;background-color: #343E52;border:1px solid #999999;font-size: 14px;border-top-left-radius:5px;border-top-right-radius:5px;}
.bj-alarm ul{color: #cccccc}
.bj-alarm li{display: inline-block;text-align: center;padding: 0 10px}
.bj-alarm ul li:first-child{border-right: 1px solid #999999}
.bj-alarm li:hover{background-color: #999999;color:#ffffff;cursor: pointer}
.bj-alarm .badge{background-color:#ff0000;padding: 0}
.padding-LR{padding-left: 15px;padding-right: 15px}

.container{width:100%}
.padding-top15{padding-top:15px}
.btn-demo {padding: 6px 20px;margin-bottom: 2px}
.border{border: 1px solid #cdcdcd;}
.top-line{border-top:1px solid #cdcdcd}
.bottom-line{border-bottom:1px solid #cdcdcd}
.table-top-border{border-top:2px solid #0DA3E2}
.table tr th{text-align: center;background-color: #E9F7FF;font-size:14px}
.table tr td{text-align: center;font-size:14px}
table tr:nth-child(even) { background-color: #F4FBFF;}
.table-hover>tbody>tr:hover{background-color: #65BAE3;color:#ffffff}
.table-hover>tbody>tr:hover a{color:#ffffff}
.border-radius{border-radius:5px;}
.fixed{position: absolute;right:10px;top:10px}
a{cursor: pointer}
.breadcrumb {margin-bottom: 10px; border-radius:0px}/*路径*/

/*响应式表格*/
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}
.table-responsive > .table {
    margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;padding:4px;
}
.table-responsive > .table-bordered {
    border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}

/*弹出框*/
.pop-up-box{padding:10px 0 5px;background-color:#ffffff;margin-bottom:0}
.tab-content{border:1px solid #DDDDDD;border-top: none}
.pop-up-box>.nav-tabs>li.active>a, .pop-up-box>.nav-tabs>li.active>a:focus, .pop-up-box>.nav-tabs>li.active>a:hover{background-color: #eeeeee}
.handle{margin-bottom:8px}
.pop-up-box .form-group{padding:1px;margin-bottom:4px;margin-left: 0;margin-right: 0}
.pop-up-box .history-list{}
.pop-up-box .device-info .row{margin-bottom: 10px}
.form-radio{padding: 6px 0}
.pop-up-box .col-sm-2,.pop-up-box .col-sm-10{padding-right:10px; padding-left:0px;}
.click{color: #347BB7;cursor: pointer}
.click:hover{text-decoration:underline;color: #fff;}
.pop-up-box .alert{padding:5px 0 0;margin:0px 15px 5px}
.pop-up-box .col-sm-5{padding-right:0px; padding-left:0px;}
.pop-up-box .col-sm-6{padding-right:5px; padding-left:5px;}
.fancybox img{width: 40px;height: 40px;}/*装机图片*/
.search-form span {position: absolute; right: 10px; top: 10px; cursor: pointer;  color: #cccccc;}/*搜索*/
.search-form span:hover{color:#0997dc}
.allocation .checkbox{margin-left: 5px}/*配置*/

.form-controlNew { position: relative;display: block; width: 100%; height: 34px; border: 1px solid #ccc; border-radius: 4px; line-height: 1.42857143;}/*选择文件*/
.form-controlNew span{background-color:#cccccc;padding: 6px 12px;display: block; width: 80px;}
.form-controlNew input {width: 100%; height:32px;position: absolute; right: 0;top: 0; opacity: 0;filter: alpha(opacity=0);cursor: pointer;}

.pop-up-box .device-info .form-word{background-color: #f8f8f8;border: 1px solid #eeeeee;padding: 5px 10px 0;border-radius: 4px;}
.pop-up-box .device-info  .form-fill-in{margin:15px}

.checkbox .list-unstyled li{display: inline-block}

/*指令控制*/
.instruction{background-color: #fff;padding: 0}
.instruction .nav-tabs { border-bottom:none;}
.instruction .tabs-left ul li{background-color: #E3F7FF}/*#0997DC*/
.instruction .tabs-container .tabs-left>.nav-tabs {text-align:center;margin-top: 10px}
.instruction .tabs-container .tabs-left>.nav-tabs>li{ float: none;}
.instruction .nav.nav-tabs li {}
.instruction .tabs-container .tabs-left>.nav-tabs>li>a{border: 1px solid #DDDDDD;border-left: none}/*BCE8F1*/
.instruction .tabs-container .tabs-left>.nav-tabs>li:first-child>a{border-top:none}
.instruction .tabs-container .tabs-left>.nav-tabs>li:last-child>a{border-bottom:1px solid #DDDDDD}
.instruction .tabs-container .nav-tabs>li.active>a, .instruction .tabs-container .nav-tabs>li.active>a:focus,.instruction .tabs-container .nav-tabs>li.active>a:hover {background-color: #98DEF7}
.instruction .tabs-container .tabs-left .tab-pane .panel-body{padding: 0;}
.instruction .tab-content{border: none;padding-top: 10px}
.order-content{}
.instruction .form-group{padding-right:15px}
.instruction .order-content .form-word{ background-color: #f8f8f8;border: 1px solid #eeeeee;padding: 5px 10px 0;border-radius: 4px;margin-bottom: 10px}
.instruction .order-content .form-word .form-group label{font-size:12px;}
.instruction .order-content .form-word .form-group .form-control{font-size: 12px;padding: 6px;height: auto}

/*页码*/
.page{margin-top: 10px}
.pagination{margin: 0}
.pagination>li>a, .pagination>li>span {padding:5px 8px;color: #337ab7; background-color: #fff; border: 1px solid #ddd;}
.page-number{width:55px;text-align:center;float:left;padding:5px 2px; border: 1px solid #ddd;}
.page select{padding-top:4px;padding-bottom:5px;}
.pagination>li:last-child>a { margin-left: 0;border-top-right-radius:4px;border-bottom-right-radius:4px;}


/*设置*/
.set-up{background-color: #ffffff;border: 1px solid #cccccc;position: absolute;right: 10px;top:28px;padding:5px 5px;width:320px;z-index: 30000;display: none}
.set-up .nav-tabs {background: #F4F4F4;}

/*右下报警信息列表*/
.alarm-list{width:320px;position: absolute;right:2px;bottom: 0;z-index: 20000;height: 220px;overflow-y: scroll}
.alarm-list .close{margin-top: 3px;margin-right: 5px}
.alarm-list .panel{margin-bottom: 5px}
.alarm-list .panel-heading{padding:4px 10px;font-weight: bold}
.alarm-list .panel td{padding:4px;cursor: pointer}
.alarm-list .panel tr:hover{background-color: #65BAE3;}


/*加载进度动画*/
.load{}
.sk-spinner-three-bounce{margin:0 auto;width:70px;text-align:center}
.sk-spinner-three-bounce div{width:18px;height:18px;background-color:#0DA3E2;border-radius:100%;display:inline-block;-webkit-animation:sk-threeBounceDelay 1.4s infinite ease-in-out;animation:sk-threeBounceDelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.sk-spinner-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.sk-spinner-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-threeBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes sk-threeBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}



/* xs横向放置的手机及分辨率更小的设备的样式 */
@media(max-width:480px){

}

@media(max-width:768px){
    .head .top .row u{display: none}
    .wx{padding-left: 0}
    .head-nav .navbar{position: absolute;top: -46px;right:-10px}
    .head-nav  .tel{display: inline;font-size: 14px;left:240px}
    .navbar-nav { margin:0;}
    .head-nav .nav>li>a{padding:0 5px;text-align: center;background-color: #666666;border-radius: 0}
}

/*小型sm注：min-width都是向大兼容的*/
@media(min-width:768px){
    .head-nav .nav>li>a {padding:0 8px;}
}

/* 中型md */
@media(min-width:992px){
    .head-nav .logo .col-md-6{width: 70%}
}

@media(min-width:992px) and (max-width: 1024px){

}

/* 大型lg */
@media(min-width:1200px){
    .head-nav  .tel{display: inline;font-size: 14px}
    .head-nav .nav>li>a {padding:2px 20px;font-size: 16px}

}

@media(min-width:1440px){
    .head-nav .logo .col-md-6{width: 50%}
    .head-nav .lead{display:inline}

}

/* 气泡 */
.BMap_pop{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;opacity:0.8;}
.BMap_shadow{filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3;opacity:0.3;}
.lineH{line-height: 18px}
.fontAddre{color: #086cb2; font-size: 14px; font-weight: bold;}
.bubble_set{margin-top:15px;padding-top:0px;background:#f8f8f8}
.bubble_set a{font-size: 14px;text-decoration: none;}


/*指令更改*/
.tip-font{position: absolute;top: -35px;left: 90px;padding: 4px 10px;background: #FFFDEE;border: 1px solid #EDD28B;z-index: 20000;font-size: 12px;color: #666;display: none}
.tip-visible:hover .tip-font{display: block;}
.rd1-tip-txt{width: 300px;}
.rd2-tip-txt{width: 300px;}
.rd3-tip-txt{width: 100px;}


.t-sup{width: 8px;height: 8px;border-radius: 8px;background: #FF7640;display: inline-block;}

/*弹框配置*/
.background-white{background: #fff}
.popup{padding: 15px}
.popup .alert{margin-bottom: 0}




/*add css 2016-12-01*/

.bgf5{background:#ececec; padding:5px}
.mt15{margin-top:15px;}
.mr15{margin-right:15px}
.b{font-weight:bold}


.id-pic{margin-top:20px}
.id-pic .id-pic1{float:left; width:240px; margin-right:10px; margin-left:10px}
.id-pic .id-pic1 .id-img{position:relative;width:240px; height:140px;}
.id-pic .id-pic1 .id-img span{position:absolute;width:94px; height:32px;top:50%; left:50%; margin-left:-47px; margin-top:-15px}
.id-pic .id-pic1   p{margin-top:10px; color:#828282; font-size:16px;text-align:center}

.id-pic .id-pic2{float:left; width:155px; }
.id-pic .id-pic2 .id-img{position:relative;width:155px; height:98px;}
.id-pic .id-pic2 .id-img span{position:absolute;width:94px; height:32px;top:50%; left:50%; margin-left:-47px; margin-top:-15px}





